<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>竞思<#if topic??>${topic}</#if>在线评估表 （<#if topic??>${topic}</#if>测评）</title>
<link rel="stylesheet" href="${staticServer}/css/t/main.css" />
<link rel="stylesheet" href="${staticServer}/css/t/jalert.css" />
<link rel="stylesheet" href="${staticServer}/css/t/ask.css?1.2" />
<link rel="stylesheet" href="${staticServer}/css/index.css" />
<script src="${staticServer}/js/t/jquery.js"></script>
<script src="${staticServer}/js/t/json.js"></script>
<script src="${staticServer}/js/t/infopad.js"></script>
<script src="${staticServer}/js/t/jalert.js"></script>
<script src="${staticServer}/js/t/overlay.js"></script>
<script src="${staticServer}/js/t/submitter.js"></script>
<script language="javascript" type="text/javascript" src="http://pv.sohu.com/cityjson?ie=utf-8"></script>

<script>
$(function(){
		var last = JSON.stringify(<#if answer??>${answer}</#if>);
		document.getElementById('answer').value = last;
});
</script>


<script src="${staticServer}/js/t/ask.js?1.7"></script>
<script src= "${staticServer}/js/t/nav-small.js"></script>



<style>
@charset "utf-8";
/* CSS Document */

/***************************************************************************
	测评问卷页面样式
 ***************************************************************************/
#vote_title {
	color: #F08519;
	font-size: 24px;
	height: 60px;
	line-height: 70px;
	padding-left: 30px;
	border-bottom: 3px solid #FAD6A0;
}

#vote_container {
	min-height: 10px;
	border: 4px solid #FCF4E6;
	background: #fff;
	margin-top: 15px;
	-moz-border-radius: 8px;
	-khtml-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}

#vote_container a,#vote_container a:visited {
	font-size:20px;
	color: #f90303;
	border-bottom: 1px solid #f90303;
}

#vote_desc,#vote_list,#vote_form,#vote_answer {
	font-size: 16px;
	width: 900px;
	min-height: 10px;
	margin: 0 auto;
}

#vote_desc {
	color: #666;
	line-height: 32px;
	padding: 45px 0 30px;
	border-bottom: 1px dotted #efefef;
	overflow: hidden;
	text-indent: 32px;
}

#vote_list {
	padding: 25px 0 45px;
}

#vote_list .item_child {
	padding-bottom: 30px;
}

#vote_list .item_child .topic {
	color: #666;
}

#vote_list .item_child ul li {
	color: #666;
	list-style: none;
	height: 40px;
	line-height: 40px;
	padding-left: 15px;
	border-bottom: 1px dotted #efefef;
}

#vote_list .item_child ul li:hover {
	color: #99CC00;
	background: #fcfcfc;
}

#vote_list .item_child ul li span.left {
	float: left;
}

#vote_list .item_child ul li span.right {
	float: right;
}

#vote_list .item_child ul li .checkbox {
	color: #333;
	font-size: 14px;
	height: 25px;
	cursor: pointer;
	padding: 2px 10px 2px 10px;
	margin-right: 4px;
	border: 1px solid #eee;
	background: #fff;
	-moz-border-radius: 12px;
	-khtml-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
}

#vote_list .item_child ul li .checkbox:hover {
	color: #A0A29B;
	border-color: #E5F4B6;
	background-color: #F3FADE;
}

#vote_list .item_child ul li .selected,#vote_list .item_child ul li .selected:hover
	{
	color: #666;
	border-color: #D3ED85;
	background-color: #EBF7C8;
}

#vote_list .item_child ul li.unselect {
	border: 1px dotted #f30;
	background: #FFF9F7;
}

#vote_form {
	
}

#vote_form tr th,#vote_form tr td {
	height: 40px;
	line-height: 40px;
	border-bottom: 1px dotted #efefef;
}

.title {
	color: #F08519;
	font-size: 18px;
}

#vote_form tr th {
	font-weight: normal;
	text-align: right;
}

#vote_form tr td {
	
}

#vote_form input[type=text] {
	font-size: 14px;
	width: 250px;
	border-left: none;
	border-right: none;
	border-top: none;
	-moz-border-radius: 0;
	-khtml-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}

#vote_form #button_group {
	display: block;
	text-align: center;
	margin: 0 auto;
}



#vote_form #btnSubmit:hover {
	background-position: 0 -72px;
}

#vote_answer {
	width: 1000px;
	border: 5px solid #eee;
	overflow: hidden;
	background: #fff;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

#vote_answer #btnNext {
	display: block;
	width: 304px;
	height: 72px;
	margin: 0 auto;
	border: none;
	background: url(${staticServer}/img/t/btn_next.png) no-repeat;
}

#vote_answer #btnNext:hover {
	background-position: 0 -72px;
}

#vote_answer #btnClose {
	display: block;
	width: 40px;
	height: 40px;
	float: right;
	border: none;
	background: url(${staticServer}/img/t/btn_close.png) no-repeat;
}

#vote_answer #btnClose:hover {
	background-position: 0 -40px;
}

#vote_answer .inner_space {
	padding: 20px 40px 20px 40px;
}

#vote_answer .title {
	padding: 20px 0 30px;
}

#vote_answer ul li {
	list-style: none;
	min-height: 30px;
	line-height: 30px;
	overflow: hidden;
	padding: 8px 0 8px;
	border-bottom: 1px dotted #efefef;
}

#vote_answer ul li span.title {
	font-size: 16px;
	color: #999;
	text-align: right;
	border: 1px dotted #efefef;
	padding: 2px 10px 2px 10px;
	background: #F5FAE5;
	margin-right: 15px;
	-moz-border-radius: 8px;
	-khtml-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}

#vote_answer ul li span.answer {
	min-height: 100px;
	overflow: hidden;
}

#vote_answer p.desc {
	text-indent: 32px;
	padding: 30px 0 20px;
	line-height: 30px;
}

#vote_result {
	cursor: pointer;
	position: fixed;
	display: block;
	width: 161px;
	height: 50px;
	background: url(${staticServer}/img/t/btn_result.png) no-repeat;
}

#blank_object {
	padding-bottom: 80px;
}


</style>
</head>

<body>
	<input type="hidden" id="answer" value="">
	<input type="hidden" id="urls" value="<#if url??>${url}</#if>">
	<input type="hidden" id="spcode" value="<#if spcode??>${spcode}</#if>">
	<input type="hidden" id="is_exist_key" value="<#if is_exist_key??>${is_exist_key}</#if>">
	<input type="hidden" id="phones" value="">	
	
	<div id="header">
	<div id="h_first">
		<div class="inner_container">
			<a class="jingsi-xcbs right" style="margin-right: 20px;"></a>
		</div>
	</div>
	<div id="h_banner">
		<div class="inner_container js-logo"></div>
	</div>
	</div>
	<div id="content">
		<div id="vote_title">竞思<#if topic??>${topic}</#if>在线评估表 （<#if topic??>${topic}</#if>测评）</div>
		<div id="vote_container">
			<div id="vote_desc"><#if desc??>${desc}</#if></div>
			<div id="vote_list">
			<#if askIList??>
			<#list askIList as askilist>
			<div id="${askilist.ids}" name="${askilist.id}" class="item_child">
			<p class="topic bold">${askilist.topic}</p>
			<#if askilist.itemList??>
			<ul>
			<#list askilist.itemList as items>
			<li class="item">
			<span class="left">${items_index+1}. ${items.q}</span>
			<#list items.i?split(",") as i>
			<span class="right">
			<label  class="checkbox" rel="${(i?split(":"))[1]}">${(i?split(":"))[0]}</label>
			</span>
			</#list>
			</li>
			</#list>
			</ul>
			</#if>
			</div>
			</#list>
			</#if>
			</div>
			<div id="vote_form">
				<table style="width: 900px;">
					<tr>
						<td colspan="4" class="title">您的基本信息</td>
					</tr>
					<tr>
						<th width="20%">孩子年龄<em class="caption">（周岁）</em>：
						</th>
						<td width="30%"><input type="text" id="age" readOnly="true"  maxlength="2" style="text-align: center;" value="<#if age??>${age}</#if>"></td>
						<th width="20%">所在城市<em class="caption">（请填中文）</em>：
						</th>
						<td width="30%"><input type="text" id="city"  readOnly="true" style="text-align: center;" value="<#if city??>${city}</#if>"></td>
					</tr>
					<tr>
						<th>联系电话<em class="caption">（必须）</em>：
						</th>
						<td><input type="text" id="phone" maxlength="15" readOnly="true" style="text-align: center;"  value="<#if phone??>${phone}</#if>"></td>
						<th>邮箱号/微信号：</th>
						<td><input type="text" id="qq" maxlength="20" readOnly="true" style="text-align: center;" value="<#if qq??>${qq}</#if>"></td>
					</tr>
				</table>
				<div id="button_group">
					<!-- 用于鉴别重复提交，这是提交成功后返回的唯一标识号 -->
					<input type="hidden" id="key" value="<#if key??>${key}</#if>">
					<!-- 这是该测评问卷的唯一标识号 -->
					<input type="hidden" id="ask" value="<#if ask??>${ask}</#if>">
				</div>
			</div>
			<div id="vote_result"></div>
			<div id="vote_answer">
				<div class="inner_space">
					<p class="title">
						根据测试，您孩子的状况为（仅供参考）<a id="btnClose" title="暂时隐藏测评结果，查看测评选项"></a>
					</p>
					<ul>
						
					</ul>
					<p class="desc">
						如需要对学员的注意力能力指数、注意力缺乏指数，综合注意力、语言注意力、视觉注意力、 脑处理速度、脑反应时、复杂注意力、认知灵活度等12个指数作出详细评测，请参考<a target="blank"
							href="http://www.jingsiedu.com/swtest.html">学员软件测试</a>。
					</p>
					<p>
						<a id="btnNext" href="http://www.jingsiedu.com/fangan.html"></a>
					</p>
				</div>
			</div>
			<div id="blank_object"></div>
		</div>
	</div>
	<div id="erweima" style="z-index: 10; display: block; left: 20px; top: 1262px; width: 120px; height: 127px; position: absolute; bottom: 0px;">
<a href="http://t.jingsi.cn/t.php?sp=29nkk" target="_blank"><img src="http://www.jingsiedu.com/zhuyilizt/images/live700.png" border="0" alt="注意力不集中测评"></a>
</div>
<div id="footer">
			<div id="bottom">
                    <p class="link size14">
                        <a href="http://www.miitbeian.gov.cn/">国家管理部门备案号：浙ICP备14000439号</a>
                    </p>
                  <p class="copyright">
                      Copyright 2011 jingsiedu<sup>TM</sup>, All Rights Reserved.
	</div>
    </div>
</body>
<script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "https://hm.baidu.com/hm.js?45848c73441f7bcc47f7d3bb31d8f660";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();

function scrollx(p){
     var d = document,dd = d.documentElement,db = d.body,w = window,o = d.getElementById(p.id),ie6 = /msie 6/i.test(navigator.userAgent),style,timer;
     if(o){
      o.style.cssText +=";position:"+(p.f&&!ie6?'fixed':'absolute')+";"+(p.l==undefined?'left:20;':'left:'+p.l+'px;')+(p.t!=undefined?'top:'+p.t+'px':'bottom:0');
      if(p.f&&ie6){
    o.style.cssText +=';left:expression(documentElement.scrollLeft + '+(p.l==undefined?dd.clientWidth-o.offsetWidth:p.l)+' + "px");top:expression(documentElement.scrollTop +'+(p.t==undefined?
dd.clientHeight-o.offsetHeight:p.t)+'+ "px" );';
    dd.style.cssText +=';background-image: url(about:blank);background-attachment:fixed;';
   }else{
    if(!p.f){
      w.onresize = w.onscroll = function(){
       clearInterval(timer);
       timer = setInterval(function(){
        //双选择为了修复chrome 下xhtml解析时dd.scrollTop为 0
        var st = (dd.scrollTop||db.scrollTop),c;
        c = st  - o.offsetTop + (p.t!=undefined?p.t:(w.innerHeight||dd.clientHeight)-o.offsetHeight);
        if(c!=0){
         o.style.top = o.offsetTop + Math.ceil(Math.abs(c)/10)*(c<0?-1:1) + 'px';
        }else{
         clearInterval(timer);  
        }
       },10)
      
     }
     
    }
   }
     }  
   }
    scrollx({
     id:'erweima'
  
    })
    /*
     id 你要滚动的内容的id
     l 横坐标的位置  不写为紧贴右边
     t 你要放在页面的那个位置默认是贴着底边 0是贴着顶边
     f 1表示固定 不写或者0表示滚动
    */
</script>
</html>